<template>
  <el-card shadow="hover">
    <v-chart class="chart" :option="option" autoresize
  /></el-card>
</template>

<script lang="ts" setup>
import { ref, provide } from 'vue'

const option = ref({
  title: {
    text: '感染趋势',
    left: 'center',
  },
  xAxis: {
    type: 'category',
    data: ['2016', '2017', '2018', '2019', '2020', '2021', '2022'],
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',
    },
  ],
})
</script>

<style>
.chart {
  height: 300px;
  width: calc(100vw - 260px);
}
</style>
